<template>
    <div id="part17">
        <section>
            <h1>
                全局组件
            </h1>
            part17
            <p>第一个组件的实例</p>
            <overall></overall>
            <p>第二个组件的实例</p>
            <overall></overall>
            <p>两个组件分别是不同的实例所以两次点击事件分别基数</p>
        </section>

        <section>
            <h1>slot 插槽 </h1>
            <mySlot>
                <p slot="header">头部</p>
                <p>啦啦啦啦</p>
                <p>如果插槽没有给slot对应的name属性则会放到&lt;slot&gt;里面</p>
                <p>插槽也可以进行全局注册</p>
                <code>
                    Vue.component("mySlot", mySlot);
                </code>
                <p slot="footer">底部</p>
            </mySlot>

        </section>
    </div>
</template>
<script>
    // import mySlot from "../components/slot/mySlot.vue";
    export default {
        name: "part17",
        components: {
            // mySlot
        },
        data() {
            return {};
        }
    };
</script>
<style scoped>

</style>